<html>
<head>
<style>
@page {
  size: 15rem 240px;
  margin: 0.5rem;
}
body {
  border: 1px solid orange;
  margin: 1rem;
  max-width: 12rem;
}
</style>
</head>
<body>
  <!-- Should look the same if rem default amount is 16px -->
  <div style="margin: 16px; padding: 0.1rem 32px; border: 1.6px solid red; background-color: blue; height: 24px;">ONE</div>
  <div style="margin: 1rem; padding: 1.6px 2rem; border: 0.1rem solid red; background-color: blue; height: 1.5rem;">TWO</div>
</body>
</html>
